{extend name="base" /}

{block name="main"}
<!-- 内容盒子 -->
<div class="container">
    <div class="row">
        <!-- 左边内容 -->
        {volist name="xj" id="vo"}
        <div class="col-md-9">
            <ol class="breadcrumb" style="margin-top: 20px;">
                <li class="breadcrumb-item"><a href="index.html">首页</a></li>
                <li class="breadcrumb-item active">宣讲详情</li>
            </ol>
            <!-- 内容详情 -->
            <div class="card" style="margin-top: 10px;">
                <div class="card-header">
                    <h3 class="font-weight-bold text-center">{$vo.preach_name}</h3>
                </div>
                <div class="card-body">
                    <p class="text-right">{$vo.company_name}</p>
                    <img class="img-fluid" src="__STATIC__/uploads/{$vo.preach_pic}" alt="Chania">
                    <p>{$vo.preach_info}</p>
                    <p>宣讲地点：{$vo.preach_site}</p>
                    <p>宣讲时间：{$vo.preach_beigin_time}</p>
                    <p class="text-right">
                        <button type="button" class="btn btn-primary" data-toggle="modal"
                            data-target="#myModal">报名</button>
                    </p>

                </div>
            </div>
            <!-- 内容详情end  -->
            <!-- 模态框 -->
            <div class="modal fade" id="myModal">
                <div class="modal-dialog">
                    <div class="modal-content">

                        <!-- 模态框头部 -->
                        <!-- <div class="modal-header">
                            <h4 class="modal-title">模态框头部</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div> -->

                        <!-- 模态框主体 -->
                        <div class="modal-body">
                            <form action="{:url('xj/baoming',['preach_id'=>$vo.preach_id])}" enctype="multipart/form-data"  method="POST">
                                <div class="form-group">
                                  <label for="text">姓名:</label>
                                  <input type="text" class="form-control" id="text" name="name" required>
                                </div>
                                <div class="form-group">
                                    <label for="text">学校:</label>
                                    <input type="text" class="form-control" id="text" name="school" required>
                                  </div>
                                <button type="submit" class="btn btn-primary">提交</button>
                              </form>
                        </div>

                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        {/volist}

        <div class="col-md-3">
            <!-- 右边内容 -->
            <div class="card" style="margin-top: 20px;">
                <div class="card-body">
                    <h5>热门宣讲</h5>
                    <div class="card bg-secondary text-white" style="margin-top: 10px;">
                        <div class="card-body">大连腾讯无线校园宣讲</div>
                    </div>
                    <div class="card bg-secondary text-white" style="margin-top: 10px;">
                        <div class="card-body">埃森哲校园宣讲</div>
                    </div>
                    <div class="card bg-secondary text-white" style="margin-top: 10px;">
                        <div class="card-body">西山居校园宣讲</div>
                    </div>
                </div>
            </div>

            <!-- 右边内容 end -->
        </div>

    </div>

</div>
<!-- 内容盒子 end -->
{/block}